:host {
  display: block;
  background: #fff;
  border-radius: 8px;
  padding: 1rem;
  min-width: 600px;
}

.p-fluid {
  .p-field {
    margin-bottom: 1rem;
  }
}

:host ::ng-deep {
  .p-datatable {
    .p-datatable-header {
      background: #f8f9fa;
      border: 1px solid #dee2e6;
      border-width: 1px 0 1px 0;
      padding: 1rem;
      font-weight: 600;
    }

    .p-datatable-thead > tr > th {
      background: #f8f9fa;
      border: 1px solid #dee2e6;
      border-width: 0 0 1px 0;
      padding: 1rem;
      font-weight: 600;
      text-align: left;
    }

    .p-datatable-tbody > tr > td {
      border: 1px solid #dee2e6;
      border-width: 0 0 1px 0;
      padding: 1rem;
    }

    .p-datatable-tbody > tr:nth-child(even) {
      background: #f8f9fa;
    }

    .p-datatable-tbody > tr:hover {
      background: #e9ecef;
      cursor: pointer;
    }

    .p-datatable-tbody > tr.p-highlight {
      background: #e3f2fd;
      color: #1565c0;
    }
  }
}

.p-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #dee2e6;
} 